@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal; }

body{min-width: 1200px; width: 100%;overflow-x: hidden;}

.banner{ height:700px;width:100%; position:relative; z-index:1;}
.banner .bd,.banner .bd li{width:100%; height:700px; overflow:hidden;}
.banner .bd li img{ position:absolute; top:0; left:50%; margin-left:-960px; height:700px;}
.banner .bantil{ width:160px; height:21px;position:absolute; bottom:50px;left:50%; margin-left:-60px; z-index:8;}
.banner .bantil li{ width:21px; height:21px; float:left; display:inline;background:#fff;opacity:1; border-radius:21px; margin:0 12px; }
.banner .bantil li.on{background:#dc2821;}

.tit1{ text-align:center; font:48px "Microsoft Yahei"; color:#333;}
.tit1 a{ color:#333;}
.tit1 em{ display:block; font:22px "Microsoft Yahei"; padding-top:5px; color:#666;}

.coop{ background:#f9f9f9; height:280px; padding-top:70px;}
.coop .content{ position:relative;}
.coop1{ margin-top:28px; width:1200px; overflow:hidden;}
.coop li{ width:198px; border:1px solid #ddd; float:left; margin-right:50px;}
.coop li img{ display:block; width:198px;}
.coop li:hover{ border:1px solid #dc2821;}
.arr1{ width:12px; height:22px; position:absolute; top:166px; left:-40px;}
.arr2{width:12px; height:22px; position:absolute; top:166px; right:-40px;}


.yinz{ background:url(../images/chuf_bg.jpg) no-repeat center top; height:517px; padding:80px 0 0 0; overflow:hidden;}
.yinz .tit1{ color:#fff;}
.yinz dl{ width:240px; float:left; margin-top:42px; position:relative;}
.yinz dt em{ display:block; width:110px; height:110px; margin:0 auto; background:#dc2821; font:48px "Microsoft YaHei"; text-align:center; color:#fff; margin-top:60px; border-radius:110px; text-align:center; line-height:110px;}
.yinz dt span{ display:block; font:30px "Microsoft YaHei"; text-align:center; color:#fff; opacity:0.9; padding-top:42px; background:url(../images/chuf_dot.png) no-repeat center 20px;}
.yinz dd{position:absolute; top:0; left:-15px; background:url(../images/chuf_bg.png) no-repeat center top; width:270px; height:0;}
.yinz dd span{ display:none;font:30px "Microsoft YaHei"; text-align:center; color:#fff; opacity:0.9; padding:92px 0 30px;}
.yinz dd p{display:none; font:14px "Microsoft YaHei"; line-height:24px; color:#fff; padding:0 40px; text-align:center;}
.yinz dl:hover dt{ display:none;}
.yinz dl:hover dd{ height:345px;}
.yinz dl:hover dd span,.yinz dl:hover dd p{ display:block;}

.fang{ background:url(../images/fang_bg.jpg) no-repeat center top; height:973px; padding-top:80px;}
.fangt{ height:60px; width:1200px; margin:36px auto 42px; background:#fff; border-radius:2rem; box-shadow:0.1rem 0.1rem 0.5rem 0.1rem #999;}
.fangt li{ width:200px; height:60px; float:left; font:18px "Microsoft YaHei"; line-height:60px; color:#333;}
.fangt li a{ display:block; color:#333; border-radius:2rem;}
.fangt li span{ display:block; float:left; width:32px; height:30px; margin:16px 10px 0 30px; position:relative;}
.fangt li img{display:block; width:32px; height:30px;}
.fangt li em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.fangt li i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.fangt li a:hover,.fangt .cur a{ background:#dc2821; color:#fff;}
.fangt li.cur span em,.fangt li a:hover em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.fangt li.cur span i,.fangt li a:hover i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.fang1{ width:1200px; margin:0 auto;}
.fang1 dt{ width:960px; height:660px; float:left; position:relative; margin-left:-360px;}
.fang1 dt img{ display:block;width:960px; height:660px;}
.fang1 dd{ width:480px; float:right; margin-top:45px;}
.fang1 dd h3{ position:relative; font:40px "Microsoft YaHei"; color:#333;}
.fang1 dd h3 a{ display:block; color:#333;}
.fang1 dd h3 em{ display:block; font:24px "Microsoft YaHei"; line-height:24px; padding:10px 0 28px;}
.fang1 dd h3:before{ content:""; position:absolute; bottom:0; width:100px; height:3px; background:#dc2821;}
.fang1 dd p{ font:16px "Microsoft YaHei"; line-height:24px; height:48px; overflow:hidden; margin:35px 0 91px;}
.fang1 dd h5{ width:200px; height:140px; position:relative; overflow:hidden; margin-bottom:34px;}
.fang1 dd h5 span{ display:block; width:198px; height:138px; border:1px solid #eee; background:#fff; font:18px "Microsoft YaHei"; text-align:center; color:#333;}
.fang1 dd h5 span em{ display:block; width:54px; height:52px; margin:0 auto 8px; padding-top:32px;}
.fang1 dd h5 span em img{display:block; width:54px; height:52px;}
.fang1 dd h5 b{-webkit-transition:1s;
-moz-transition: 1s;
transition:1s; opacity:0;-webkit-transform:scale(0.0);
    -moz-transform:scale(0.0);
    -transform:scale(0.0); width:200px; height:140px; position:absolute; top:0;}
.fang1 dd h5 b img{display:block; width:200px; height:140px;}
.fang1 dd h5:nth-child(2n-1){ float:left;}
.fang1 dd h5:nth-child(2n){ float:right;}
.fang1 dd h5:hover b{opacity:1;transform:rotate(360deg);
-ms-transform:rotate(360deg); 	/* IE 9 */
-moz-transform:rotate(360deg); 	/* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360);-webkit-transform:scale(1);
    -moz-transform:scale(1);
    -transform:scale(1);}
.fang1 dd h5:hover span{opacity:0;-webkit-transition:1s;
-moz-transition: 1s;
transition:1s; }



/**/
.pro{ background:#f7f7f7; height:auto; padding-top:80px;padding-bottom:60px;}
.fen{ width:255px;min-height:676px; background:url(../images/fen_bg.jpg) no-repeat center top;background-size:100% 100%; margin-top:45px;padding-bottom:10px; float:left; overflow:hidden;}
.fen h2{ height:111px; width:254px; overflow:hidden; font:36px "Microsoft YaHei"; text-align:center; color:#fff; background:#dd2821; border-bottom:1px solid #fff;}
.fen h2 a{ display:block; color:#fff; padding-top:20px;}
.fen h2 em{ display:block; font:14px "Microsoft YaHei"; text-transform:uppercase; padding-top:5px; letter-spacing:2px;}
.fen h3{ height:60px; border-bottom:1px solid rgba(255,255,255,0.3); font:20px "Microsoft YaHei"; line-height:60px;position: relative;}
.fen h3 a{ display:block; color:#fff; padding-left:35px; background:url(../images/fen_arr1.png) no-repeat 205px center;}
.fen h3 i{position: absolute;width: 100%;height: 60px;left: 0;top: 0;cursor: pointer}
.fen h3 a:hover,.fen .on a{background:#dc2821 url(../images/fen_arr2.png) no-repeat 205px center; color:#fff;}
.fen h4{ font:18px "Microsoft YaHei"; line-height:46px;position: relative;}
.fen h4 a{ display:block; color:#fff; padding-left:54px;}
.fen h4 i{position: absolute;width: 100%;height: 46px;left: 0;top: 0;cursor: pointer}
.fen .erj .sanji{display:none;-webkit-transition: height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition: height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.fen .erj .sanji a{ display:block; font:16px "Microsoft YaHei"; line-height:35px; height:35px; overflow:hidden; padding-left:74px; position:relative; color:#fff; border-bottom:1px solid rgba(255,255,255,0.3);}
/*.fen .erj .sanji a:before{ content:""; position:absolute; top:14px; left:54px; width:10px; height:1px; background:#fff;}*/
.fen .erj .sanji a:hover{color:#dc2821;}
.fen .erj .sanji a:hover:before{background:#dc2821;}

.pro1{ width:915px; float:right; margin-top:45px;}
.pro1 dl{ height:378px; background:#fff; border:1px solid #ebebeb; margin-bottom:20px;}
.pro1 dt{ width:378px; height:378px; float:left; padding:0 40px 0 25px; position:relative; overflow:hidden;}
.pro1 dt img{ display:block;width:378px; height:378px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.pro1 dt:before{ content:""; position:absolute; top:90px; right:0; width:1px; height:215px; background:#ebebeb;}
.pro1 dd{ width:385px; float:right; padding:50px 25px 0 0;}
.pro1 dd h2{ font:16px "Microsoft YaHei"; line-height:30px; height:30px; color:#000; background:url(../images/hot.png) no-repeat left center; padding-left:20px;}
.pro1 dd .prodd{ font:14px "Microsoft YaHei"; line-height:30px; color:#666; margin-top:9px;}
.pro2{ position:relative;}
.pro2 li{ width:285px; height:285px; border:1px solid #ebebeb; float:left; margin-right:26px; position:relative; overflow:hidden;}
.pro2 li img{ display:block; width:285px; height:285px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.pro1 dt a:hover img,.pro2 li:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.pro2 li em{ display:block; font:14px "Microsoft YaHei"; color:#666; text-transform:uppercase; height:24px; height:24px; overflow:hidden; position:absolute; text-align:center; bottom:10px; width:100%;}
.pro2 li:hover{ border:1px solid #dc2821;}
.pro2 li a:hover em{ color:#dc2821;}
.arr3{ background:#dc2821; width:31px; height:31px; overflow:hidden; border-radius:31px; position:absolute; top:125px; left:-15px;}
.arr4{ background:#dc2821; width:31px; height:31px; overflow:hidden; border-radius:31px; position:absolute; top:125px; right:-15px;}


.ys{ background:url(../images/ys_bg.jpg) no-repeat center top; padding-top:85px; height:915px;}
.ys .tit1,.ys .tit1 em{ color:#fff;}
.yst{ background:#dc2821 url(../images/yst_bg.jpg) no-repeat center top; width:254px; float:left; margin-top:32px; height:695px;}
.yst ul{ padding-top:40px; height:515px;}
.yst li{ font:36px "Microsoft YaHei"; font-weight:bold; line-height:85px; height:85px; padding-left:54px; font-weight:bold; color:#fff; position:relative;}
.yst li:before{ content:""; position:absolute; top:75px; left:-30px; width:0; background:#dc2821; height:5px;-webkit-transition:width .5s;transition:width .5s;}
.yst .cur{ font-weight:bold; position:relative;}
.yst .cur:before{ content:""; position:absolute; top:75px; left:-30px; width:185px; background:#dc2821; height:5px;}
.yst .cur:after{ content:""; position:absolute; top:46%; left:254px; width:0; height:0; border-left:16px solid #000; border-top:16px solid rgba(0,0,0,0);border-bottom:16px solid rgba(0,0,0,0); z-index:8;}
.yst h5{ font:30px Arial; color:#fff; text-align:center;}
.yst h5 em{ display:block; font:30px "Microsoft YaHei"; background:url(../images/ys_lx.png) no-repeat 38px center; padding-left:20px; line-height:30px; margin-bottom:16px;}
.ys1{ width:946px; float:left; margin-top:32px;}
.ys1 dl{ height:695px; background:#fff; overflow:hidden;}
.ys1 dt img{ display:block; width:946px; height:507px;}
.ys2{ width:220px; height:188px; overflow:hidden; float:left;}
.ys2 li{ display:block;width:220px; height:188px; float:left;}
.ys2 li img{display:block;width:220px; height:188px; }
.ys1 h5{ width:585px; float:left; padding:30px 0 0 35px;}
.ys1 h5 em{ display:block; font:30px "Microsoft YaHei"; color:#141414; width:625px;} 
.ys1 h5 em i{ font-size:36px; padding-right:8px; font-weight:bold; color:#dc2821;}
.ys1 h5 span{ display:block; font:15px "Microsoft YaHei"; line-height:24px;}

.case{ height:960px; padding-top:80px; overflow:hidden;}
.case ul{ height:160px; margin-top:36px; overflow:hidden;}
.case li{ width:108px; height:118px; float:left; margin-right:28px; font:18px "Microsoft YaHei"; text-align:center; color:#333;}
.case li span{ display:block; width:36px; height:36px; margin:0 auto 6px; position:relative; overflow:hidden;}
.case li em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.case li i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;visibility:hidden;
	-webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	-webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.case li img{display:block; width:36px; height:36px;}
.case li a{ display:block; width:108px; height:95px; padding-top:23px; background:url(../images/choo_bg1.png) no-repeat; color:#333;}
.case li a:hover{background:url(../images/choo_bg2.png) no-repeat; color:#fff;}
.case li a:hover em{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.case li a:hover i{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}
.case li:last-child{ margin-right:0;}
.case1{ background:#f4f4f4; height:596px;}
.case dl{ width:1200px; margin:0 auto;}
.case dt{ width:1060px; height:596px; float:left; position:relative; margin-left:-360px;}
.case dt img{ display:block; width:1060px; height:596px;}
.case dd{ width:415px; float:right; margin-top:77px;}
.case dd h3 a{ display:block; font:36px "Microsoft YaHei"; color:#333; margin-bottom:16px;}
.case dd h3 a:hover{ font-weight:bold; color:#dc2821;}
.case dd p{ font:16px "Microsoft YaHei"; line-height:30px; color:#333;}
.case dd span{ display:block; margin-top:85px;}
.case dd span img{ display:block; width:182px; height:182px; border:1px solid #dcdcdc; overflow:hidden;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case dd span img:nth-child(2n-1){ float:left;}
.case dd span img:nth-child(2n){ float:right;}
.case dd span img:hover{ border:1px solid #dc2821;-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}


/*新闻资讯*/
.new{padding: 0 0 100px; background:url(../images/new_line.gif) repeat-x center 130px;}
.new-box{padding-top: 32px;}
.new-tab{width: 465px;height: 80px;margin: 0 auto;}
.new-tab li{float: left;width:115px; margin:0 20px;}
.new-tab li a{display: block;height: 80px;line-height: 80px;font-size: 24px; font-family:"Microsoft YaHei";color: #333;text-align: center;text-transform:uppercase;}
.new-tab li.cur a{color: #dc2821; border-top:1px solid #dc2821;}
.new-con dl{float: left;width: 580px;}
.new-con dl.last{margin-left: 40px;}
.new-con dt{height: 290px; width:580px; overflow:hidden;}
.new-con dt img{width: 580px;height: 290px;display: block;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.new-con dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.new-txt{padding: 25px 0 15px;border-bottom: 1px solid #ebebeb;}
.new-txt h2{height: 30px;}
.new-txt h2 a{float: left;width: 470px;height: 30px;line-height: 30px;font-size: 18px;color: #222222; font-weight:normal;}
.new-txt h2 a:hover{ font-weight:bold; color:#dc2821;}
.new-txt h2 em{float: right;width: 100px;height: 30px;line-height: 30px;font-size: 12px;font-style: italic;font-family: "Arial";color: #aaaaaa;text-align: right;text-transform: uppercase;}
.new-txt p{font-size: 14px;line-height: 30px;color: #aaaaaa;}
.new-list .new-dl{float: left;width: 580px;}
.new-list .last{margin-left: 40px;}

.about{ height:565px; overflow:hidden; background:url(../images/about_bg.jpg) no-repeat center top; padding-top:135px;}
.about dl{ height:431px; background:rgba(0,0,0,0.5);}
.about dt{ width:614px; height:431px; float:left; overflow:hidden;}
.about dt img{ display:block;width:614px; height:431px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.about dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.about dd{ width:500px; float:left; padding:44px 0 0 45px;}
.about dd h3 img{ display:block;}
.about dd h3 em{ display:block; font:24px "Microsoft YaHei"; color:#fff; padding-top:5px;}
.about dd h3 i{ color:#dc2821;}
.about dd p{ font:14px "Microsoft YaHei"; line-height:24px; color:#fff; margin:40px 0 40px;}
.about dd span a{ display:block; width:180px; height:50px; font:18px "Microsoft YaHei"; background:#dc2821; border-radius:2rem; text-align:center; line-height:50px; color:#fff;}

.pic{ height:40px; margin:95px 0;}
.pic li{ width:280px; float:left; margin:0 60px;}
.pic li b{ display:block; width:83px; font:38px Arial; font-weight:bold; color:#969696; border-right:1px solid #e6e6e6; float:left;}
.pic li span{ display:block; width:40px; height:40px; float:left; margin-left:30px; position:relative;}
.pic li span img{display:block; width:40px; height:40px;}
.pic li span em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.pic li span i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.pic li p{ width:110px; float:right; font:18px "Microsoft YaHei"; color:#6f6f6f;}
.pic li p em{ display:block; font:12px Arial; text-transform:uppercase; color:#aaa9a9; padding-top:3px;}
.pic li:hover span em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.pic li:hover span i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.pic li:hover b,.pic li:hover p,.pic li:hover p em{ color:#dc2821;}
.pic li:hover b{ border-right:1px solid #dc2821;}

.link{width:1200px; margin: 0 auto; position: relative;}
.link .content{position: absolute; top: -64px;right: 0; width:400px; height:64px;}
.link p{ width:460px; float: left;overflow: hidden; font:14px "Microsoft YaHei"; color:#ababab;line-height:64px; }
.link p a{ display: inline-block;padding:0 10px; font:14px "Microsoft YaHei"; color:#ababab; line-height:64px; height:64px;}
.link p a:hover{ color:#dc2821;}




@-webkit-keyframes spin{
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*animation*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}